<template>
  <el-container>
    <Header></Header>
    <el-main>
      <el-card class="car1">
        <el-row>
          <el-col :span="24"
            ><div class="grid-content">请输入需要缴费车牌号</div></el-col
          >
        </el-row>
        <el-divider></el-divider>
        <el-row>
          <el-col :span="24"
            ><div class="grid-content">
              <el-input
                v-model="carNo"
                placeholder="请输入内容"
              ></el-input></div
          ></el-col>
        </el-row>
        <el-divider></el-divider>
        <el-row>
          <el-col :span="24"
            ><div class="grid-content">
                <el-button type="primary" round @click="payCar">查询缴费</el-button>
              </div
          ></el-col>
        </el-row>
      </el-card>
    </el-main>
    <el-footer>
      <Footer v-if="true"></Footer>
    </el-footer>
  </el-container>
</template>

<script>
import Footer from "@/components/Footer";
import Header from "@/components/Header";
export default {
  name: "Parking",
  components: { Header, Footer },
  data() {
    return {
      carLicence: 1,
      carNo:'陕A99999',
    };
  },
  methods: {
    //查询缴费按钮
    payCar(){

    },
  },
};
</script>

<style scoped>
.el-container {
  width: 400px;
  height: 600px;
  border: 1px solid black;
  margin: auto;
  background-color: #ffffff;
}
.el-card {
  border-radius: 20px;
}
.grid-content {
  font-size: 17px;
  text-align: center;
}
</style>